			*{
				margin: 0;
				padding: 0;
			}
			ul{
				list-style: none;
			}
			a{
				text-decoration: none;
			}
			.header{
				width: 100%;
				background-color: #f2f2f2;
			}
			.hwidth{
				width: 1200px;
				margin: 0 auto;
				padding-top: 10px;
				display: flex;
				justify-content: space-between;
			}
			.hright{
				padding-top: 20px;
				position: relative;
			}
			.hright input{
				width: 200px;
				background-color: #999;
				color: #fff;
				border-radius: 15px;
				padding: 5px 0 5px 15px;
				border: none;
				outline: none;
			}
			.hright .sous{
				padding: 1px 10px 1px 10px;
				background-color: #ccc;
				position: absolute;
				right: 0px;
				border-radius: 0 10px 10px 0;
				top: 20.5px;
			}
			.nav{
				width: 100%;
				background-color: #fff;
			}
			.nav .navlist{
				width: 600px;
				margin: 0 auto;
				display: flex;
				padding: 20px 0;
			}
			.nav .navlist li a{
				font-size: 12px;
				white-space: nowrap;
				padding: 0 10px;
				color: #666;
			}
			.nav .navlist li a:hover{
				color: blue;
			}
			.banner{
				width: 100%;
				position: relative;
			}
			.banner .bian{
				position: absolute;
				width: 50px;
				height: 10px;
				background-color: #1d2e48;
				bottom: 20px;
				left: 45%;
				border-radius: 20px;
			}
			.banner .yuan{
				position: absolute;
				width: 10px;
				height: 10px;
				background-color: #ccc;
				bottom: 20px;
				left: 52%;
				border-radius: 20px;
			}
			.banner img{
				width: 100%;
			}
			.lan{
				color: #0000FF;
			}
			.conten{
				width: 100%;
				background-color: #fff;
				position: relative;
				margin: 40px 0;
			}
			.conten h4{
				width: 150px;
				margin: 0 auto;
				background-color: #fff;
				position: relative;
				z-index: 99;
				font-size: 18px;
				text-align: center;
			}
			.conten hr{
				width: 300px;
				position: absolute;
				transform: translateX(-50%);
				left: 50%;
				top: 14px;
			}
			.conten p{
				text-align: center;
				font-size: 12px;
			}
			.context{
				width: 1040px;
				margin: 30px auto 0;
				display: flex;
				justify-content: space-between;
			}
			.context .cleft{
				width: 50%;
				text-align: center;
			}
			.context .cleft img{
				width: 100%;
				height: 100%;
			}
			.context .cright{
				width: 50%;
				background-color: #eee;
			}
			.context .cright p{
				text-align: justify;
				padding: 20px 20px 0 20px;
				color: #666;
			}
			.context .cright .title{
				font-size: 18px;
				text-align: left;
				padding: 20px 0 0 20px;
			}
			.more{
				display: inline-block;
				margin: 20px 0 0 20px;
				background-color: #1d2e48;
				padding: 5px 10px;
				color: #fff;
				font-size: 16px;
			}
			.more1{
				display: inline-block;
				background-color: #1d2e48;
				padding: 5px 10px;
				color: #fff;
				font-size: 16px;
			}
			.ctong{
				width: 32%;
				padding-bottom: 30px;
			}
			.ctong img{
				width: 100%;
			}
			.ctong p{
				text-align: left;
				text-align: justify;
			}
			.ctong .ctitle{
				font-size: 14px;
				padding: 5px 0;
				position: relative;
			}
			.ctong .ctitle span{
				position: absolute;
				right: 0;
				font-size: 12px;
				color: #999;
			}
			.ctong .pad{
				padding: 10px 0;
			}
			.context .ctleft{
				width: 22%;
				text-align: center;
			}
			.context .ctleft img{
				width: 100%;
			}
			.hui{
				color: #999;
			}
			.footer{
				width: 1040px;
				margin: 40px auto;
				display: flex;
				justify-content: center;
			}
			.footer .dlogo{
				padding-right: 250px;
			}
			.footer .dtext{
				text-align: center;
				font-size: 12px;
				color: #666;
				white-space: nowrap;
			}

			.swiper-container {
				width: 100%;
				height: 421px;
				z-index: 11;
			}

			.swiper-container img {
				width: 100%;
				height: 100%;
			}
			.swiper-pagination-bullet{
				height: 10px;
				width: 40px;
				border-radius: 5px;
			}

			